@font-face {font-family:"Source Han Sans CN"; src:url("../style_front/SourceHanSerifCN-Regular.otf");}
/*
 @font-face { font-family: 'dincond-medium-webfont'; src: url('../font/dincond-medium-webfont.eot'); src: url('../font/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/dincond-medium-webfont.woff2') format('woff2'), url('../font/dincond-medium-webfont.woff') format('woff'), url('../font/dincond-medium-webfont.ttf') format('truetype'), url('../font/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg'); }*/
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%;width: 100%;
height: 100%;
position: absolute;
top: 0;
}
body {margin:0 auto; font:12px/1 "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#746969;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {/*line-height:22px; text-align:justify;*/}
a img, iframe {border:none;}
/*a:link {color:inherit;}*/
:focus {outline:0;}
/*img{ vertical-align:top;}*/
ol, ul {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/

/* == 以上 reset Css == */


/**************** 全局公用样式 ****************/
/*body {max-width:1580px; min-width:1130px;_width:expression(document.body.clientWidth<1130? "1130px": (document.body.clientWidth>1580?"1580px":"auto"));}*/
/*body {max-width:1920px; min-width:1200px; +overflow:hidden;}*/

body {max-width:1920px; min-width:1200px;  +overflow:hidden;}
/*body.on {margin-left:-378px;}*/

#header {position:relative; z-index:5; height:90px;/* margin-bottom:20px;background-color:#fff;*/}
.g-wrap {position:relative; margin:0 auto; width:1200px; height:100%; overflow:hidden;}
    #logo {position:absolute; top:16px; left:1px;  background:url(../img/logo.png) no-repeat 0 0;}
    #nav {position:absolute; top:0; right:200px; z-index:4; height:100%;  overflow:hidden;/*background-color:#fff;*/}
    #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;/*border-top:2px solid #989797;*/}
    #nav .n1 {width:75px;}
    #nav .n2,#nav .n4, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {width:75px;margin-left:50px;}
   
   
    #nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; font-size:13px; line-height:79px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;}
    #nav li a.on {color:#fff;}
    #nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
     #nav li a .bkg {top:100%; z-index:1; background-color:#30b6aa; -webkit-transition:top 500ms; transition:top 500ms;text-align:center;} 
    #nav li a.on .bkg,#nav li a:hover .bkg {top:0;} 

   /* #nav .n1 a.on .bkg{top:100%; z-index:1; background-color:#30b6aa; -webkit-transition:top 500ms; transition:top 500ms;text-align:center;} 
    #nav .n1 a.off .bkg,#nav .n1 a .bkg{top:0;} 

    #nav .n2 a.on .before{background-image:url(../img/brand.png);} 
    #nav .n2 a.off .before,#nav .n2 a .before{background-image:url(../img/brand_bk.png);} 
    #nav .n3 a.on .before{background-image:url(../img/tea.png);} 
    #nav .n3 a.off .before,#nav .n3 a .before{background-image:url(../img/tea_bk.png);} 
    #nav .n4 a.on .before{background-image:url(../img/news.png);} 
    #nav .n4 a.off .before,#nav .n4 a .before{background-image:url(../img/news_bk.png);} 
    #nav .n5 a.on .before{background-image:url(../img/join.png);} 
    #nav .n5 a.off .before,#nav .n5 a .before{background-image:url(../img/join_bk.png);} */
   .topright{float:right;}
    #shop {position:absolute; bottom:0; right:0; z-index:5; width:78px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}

    #shop {width:170px;}
    #shop .btn-search {position:absolute; top:30px; left:15px; width:20px; height:20px; background:url(../img/icon_search.png) no-repeat 0px 0px;}
    #shop .btn-search:hover,
    #shop .btn-search.on {background-image:url(../img/icon_search_on.png);}
        /*#searchbox {display:none; position:absolute; top:100%; z-index:11115; line-height:44px; right:0; padding:0 20px; width:200px; height:44px; border:8px solid #4c4a4f;}*/
    #shop .btn-lang {position:absolute;top:0; right:74px; padding:0 10px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
    #shop .btn-lang:hover {color:#ff2424;}
    #shop .header-nwbtn{ position:absolute;top:0; right:0px; padding:0 10px; padding-right: 15px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background: url(../img/head-nw-icon.png) right center no-repeat; -webkit-transition:all 300ms; transition:all 300ms;}
    #shop .header-nwbtn:hover, #shop .header-nwbtn.on{ color: #ff2424; background: url(../img/head-nw-icon-on.png) right center no-repeat;}

    #content {position:relative; overflow:hidden;}
    #subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:61px; /*overflow: hidden;*/}
    #subNav .g-wrap {overflow:visible;}
    #subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background-color:#4c4a4f;opacity: 0.6; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
    #subNav .g-wrap .item_1 {padding-left:340px;width:790px; /*left:365px;padding:0 67px; */}
    #subNav .g-wrap .item_2 {padding-left:480px;width:650px;  /*left:448px;padding:0 67px;*/}
    #subNav .g-wrap .item_3 { padding-left:520px; width:610px;/*left:531px;*/}
    #subNav .g-wrap .item_4 {padding-left:620px; width:510px; /*left:627px; */}
    #subNav .g-wrap .item_5 {padding-left:700px;width:430px; /*left:710px;*/}
    #subNav .g-wrap .item_6 { padding-left:830px;width:300px; /*left:710px;*/}
  
    #subNav .g-wrap .search {right:0; width:238px; height:44px; border:8px solid #4c4a4f;}
    #subNav .g-wrap .search input { padding:0 20px; width:200px; height:44px; line-height:44px; }
    #subNav .g-wrap .langs {right:0; padding:0 15px; width:224px;}
     /*2016.4.12*/
    #subNav .g-wrap .nwmenu{ right: 0; top: -409px; width: 171px; height: auto; background-color: #4c4a4f; -webkit-transition: 300ms; transition: 300ms;}
    #subNav .g-wrap .nwmenu .nwmenu-inner{ padding: 20px; width: 210px; max-height: 349px; overflow: hidden;}
    /*#subNav .g-wrap .nwmenu .nwmenu-inner .nwi-box{ margin-bottom: 10px;}*/
    #subNav .g-wrap .nwmenu .nwi-tit{ float: left; width: 50px; color: #8f8c92; font-size: 12px;}
    #subNav .g-wrap .nwmenu .nwmenu-list{ /*float: right; margin-top: -5px; width: 140px;*/ overflow:hidden;} 
    #subNav .g-wrap .nwmenu .nwmenu-list li a{ float: none; padding: 0; line-height: 22px; color: #d2ced5; font-size: 12px;font-weight: normal; -webkit-transition: color 300ms; transition: color 300ms;}
    /*2016.4.12*/

    #subNav .g-wrap .nwmenu .nwmenu-list li a:hover{ color: #f63b34;}
    #subNav .g-wrap .on {top:0; z-index: 2;}
    #subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#fff;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#a7a7a7;}
    #subNav .g-wrap .item #on {  color: #f63b2e;}
.content { position: relative;height:472px;}
.inner { color:#505050;margin:0 auto;width:1200px;font-family: 思源宋体 CN;}
.innertop{padding-top:25px;}
.innerleft,.innerright {float:left;}
.innerleft{font-size:56px;}
.hidden{display:none;}
.innerright{width:80%;border-bottom:1px solid #505050;height:30px;margin-left:30px;}

.innerbottom{padding-top:20px;}
.ibleft{float:left;width:5%;border-right:1px solid #505050;height:330px;}
.ibmiddle{float:left;width:55%;padding-left:50px;font-size:16px;}
.ibmiddle p{line-height: 40px;}
.ibright{float:left;text-align:right;}
.selecteda{ color:#30b6aa; font-size:18px !important;}
/*产品中心*/

.productinner { color:#505050;margin:0 auto;width:1200px;font-family: 微软雅黑;}
.proinnerleft{float:left;width:2%;border-right:1px solid #505050;height:330px;}
.cntitle{font-size:30px;}
.entitle{font-size:25px;padding-left:40px;margin-top:20px;}
.pcontent { position: relative;}
.promiddle{float:left;width:95%;padding-left:10px;}
.proleft,.proright {float:left;}
.proleft{font-size:26px;}
.proright{width:80%;border-bottom:1px solid #505050;height:30px;margin-left:30px;text-align: right;line-height: 40px;}
.proli{
  margin-top:10px;
  width:100%;
  list-style: none;
}
.proli li{border-bottom:1px solid #ebebeb;width:340px;height:459px;margin-bottom:10px;float:left;display:block;float:left;margin-left:20px;}
.litop {width:340px; height:359px;background-color:#ebebeb;text-align:center;vertical-align: center;line-height: 359px;position: relative;}
.litop img{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.leftpart{float:left;font-size:16px;}
.leftpart p{line-height:40px;}
.libottom{}
.rightpart{float:right;width:45px;height:48px;background-color:#ebebeb;text-align:center;position:relative;margin-top:5%;}
.rightpart img{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
/*产品内页*/
.productleft {width:540px; height:570px;background-color:#ebebeb;text-align:center;vertical-align: center;line-height: 359px;position: relative;float:left;}
.productleft img{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.productright{float:left;width:400px;margin-left:50px;text-align:center;}
/*新闻列表页*/
.newslist{ background-color:#fff;width:100%;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; height:130px;}
.newsleft{float:left;font-size:12px;width:170px;text-align: center;}
.newsleft p{line-height: 65px;}
.newsmiddle{float:left;font-size:20px;border-left:2px solid #77cac1;border-height:60%;text-indent: 2em;line-height: 80px;margin-top:20px;margin-bottom:20px;}
.newsright{float:right;position: relative;background-color:#fff;width:43px;height:49px;margin-top:40px;margin-right:30px;border:1px solid #505050;}
.newsright img{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
/*分页*/
.page {
  float:right;
  margin-top:30px;
  text-align: center;
}
.page li{float:left;}
.page a {
  display: block;
  float:left;
  border:1px solid #d2d2d2;
  width:50px;
  height:20px;
  vertical-align: middle;
  font-size: 15px;
  font-family: arial;
  padding: 5px;
  color: #666666;
  margin-left:5px;
  text-decoration: none;
}
.page a:hover {
  text-decoration: none;
  color: #fff;
  background-color:#45bbb0;
}
.page .active {
  text-decoration: none;
  color: #F1171B;
}
.page .ye {
  display: inline-block;
  height: 20px;
  width: 20px;
  background: #c2c2c2;
  border-radius: 50%;
  position: relative;
}
.page .ye:hover {
  background: #D82128;
}
.page .ye1:after {
  content: "";
  width: 0px;
  height: 0px;
  border: 7px solid transparent;
  border-right-color: #fff;
  position: absolute;
  top: 3px;
  left: -1px;
}
.page .ye2:after {
  content: "";
  width: 0px;
  height: 0px;
  border: 7px solid transparent;
  border-left-color: #fff;
  position: absolute;
  top: 3px;
  right: -1px;
}
.Pagination{
	margin-top:10px;
}
.top{
  border-bottom:1px solid #dedfe2;display:block;width:"100%";height:22px;
  margin-bottom:10px;
}

.top a { position:relative; float:left; color:#63666b;font-size:15px;height:22px;display:block;font-weight:bold;}
.top a span {position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#b60005; border-radius:4px; -webkit-transition:width 300ms; transition:width 300ms;}
.top a.on span {width:150%;}
.i_news{margin-top:20px;margin-bottom:20px;}


.righttop a{ font-size:14px;}